﻿<view:SelectedCardBase x:Class="Conqueror.WP.View.SelectedUserCard"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:view="clr-namespace:Conqueror.WP.View"
    xmlns:chart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Chart"
    xmlns:chartEngine="clr-namespace:Telerik.Charting;assembly=Telerik.Windows.Controls.Chart"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480">
    
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="66"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <Border Background="{StaticResource PhoneForegroundBrush}"
                Grid.RowSpan="3">
            <Border.OpacityMask>
                <ImageBrush ImageSource="/Image/PeopleBackground.png" Stretch="UniformToFill"/>
            </Border.OpacityMask>
        </Border>
        
        <!-- Career Stats -->
        <TextBlock Text="160" FontSize="{StaticResource PhoneFontSizeLarge}"
                   VerticalAlignment="Center" HorizontalAlignment="Left"
                   Margin="12" Foreground="{StaticResource PhoneForegroundBrush}"/>
        <TextBlock Text="457" FontSize="{StaticResource PhoneFontSizeLarge}"
                   VerticalAlignment="Center" HorizontalAlignment="Right"
                   Margin="12" Foreground="{StaticResource PhoneForegroundBrush}"/>
        <TextBlock Text="Private 1st Class" FontSize="{StaticResource PhoneFontSizeSmall}"
                   VerticalAlignment="Center" HorizontalAlignment="Center"
                   Margin="12,0,12,18" Foreground="{StaticResource PhoneForegroundBrush}"/>
        <ProgressBar Value="160" Maximum="457" Margin="72,18,72,0"
                     Foreground="{StaticResource PhoneForegroundBrush}"/>
        
        <!-- Nemesis -->
        <TextBlock Text="Nemesis:" Grid.Row="1" Margin="12,0,0,0" Foreground="{StaticResource PhoneForegroundBrush}"/>
        <TextBlock Text="Conrwronski" Grid.Row="1" Margin="0,0,12,0"
                   HorizontalAlignment="Right" Foreground="{StaticResource PhoneForegroundBrush}"/>
        
        <!-- Score Breakdown -->
        <chart:RadCartesianChart x:Name="chart" Grid.Row="2" Margin="6,6,-6,6">
            <chart:RadCartesianChart.Grid>
                <chart:CartesianChartGrid MajorYLineDashArray="5, 5" MajorLinesVisibility="Y">
                    <chart:CartesianChartGrid.MajorYLineStyle>
                        <Style TargetType="Line">
                            <Setter Property="Stroke" Value="{StaticResource PhoneForegroundBrush}"/>
                            <Setter Property="Opacity" Value="0.75"/>
                        </Style>
                    </chart:CartesianChartGrid.MajorYLineStyle>
                </chart:CartesianChartGrid>
            </chart:RadCartesianChart.Grid>
            <chart:RadCartesianChart.HorizontalAxis>
                <chart:CategoricalAxis LineStroke="{StaticResource PhoneForegroundBrush}" LineThickness="2"  LabelFitMode="Rotate" LabelRotationAngle="-45">
                    <chart:CategoricalAxis.LabelTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding}" FontSize="10"/>
                        </DataTemplate>
                    </chart:CategoricalAxis.LabelTemplate>
                </chart:CategoricalAxis>
            </chart:RadCartesianChart.HorizontalAxis>

            <chart:RadCartesianChart.VerticalAxis>
                <chart:LinearAxis LineStroke="{StaticResource PhoneForegroundBrush}" LineThickness="2" Minimum="0"/>
            </chart:RadCartesianChart.VerticalAxis>
            <chart:RadCartesianChart.Behaviors>
                <chart:ChartPanAndZoomBehavior ZoomMode="Horizontal"  PanMode="Horizontal"/>
            </chart:RadCartesianChart.Behaviors>
            <chart:RadCartesianChart.Series>
                <chart:AreaSeries>
                    <chartEngine:CategoricalDataPoint Value="800" Category="6/2/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1100" Category="6/3/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1300" Category="6/4/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1200" Category="6/5/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1250" Category="6/6/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1000" Category="6/7/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1120" Category="6/8/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1200" Category="6/9/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1250" Category="6/11/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1300" Category="6/16/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1420" Category="6/27/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1450" Category="6/28/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1350" Category="6/29/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1200" Category="6/30/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1250" Category="7/1/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1000" Category="7/2/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1120" Category="7/3/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1200" Category="7/4/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1250" Category="7/5/2014"/>
                    <chartEngine:CategoricalDataPoint Value="1300" Category="7/6/2014"/>
                </chart:AreaSeries>
                <chart:LineSeries StrokeThickness="2" DashArray="5,5" Foreground="{StaticResource PhoneForegroundBrush}" Opacity="0.75">
                    <chart:LineSeries.DataPoints>
                        <chartEngine:CategoricalDataPoint Value="1300" Category="6/2/2014"/>
                        <chartEngine:CategoricalDataPoint Value="1300" Category="7/6/2014"/>
                    </chart:LineSeries.DataPoints>
                </chart:LineSeries>
            </chart:RadCartesianChart.Series>

        </chart:RadCartesianChart>
    </Grid>
</view:SelectedCardBase>